import React from "react";
import { NavBar } from "react-vant";
import { useNavigate } from "react-router";
import ma from "./images/huiyuan.jpg";
import styles from "./index.module.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <div className={styles.nav}>
        <NavBar title="激活会员权益" onClickLeft={() => navigate("/hui")} />
      </div>
      <div className={styles.huiyuanma}>
        <div className={styles.title}>
          <h1>会员权益激活码</h1>
          <p>激活后即可享受会员权益服务</p>
        </div>
        <img src={ma} alt="" className={styles.img} />
        <div className={styles.ma}>
          <input type="text" placeholder="请输入激活码" />
          <button>立即激活</button>
        </div>
      </div>
    </div>
  );
};

export default Index;
